import { memo } from 'react'
import { QuestionTextareaDefaultProps, QuestionTextareaPropsType } from './interface'
import { Input, Typography } from 'antd'

const { TextArea } = Input
const { Paragraph } = Typography

const Component = memo((props: QuestionTextareaPropsType) => {
  const { title, placeholder } = { ...QuestionTextareaDefaultProps, ...props }
  return (
    <div>
      <Paragraph>{title}</Paragraph>
      <div>
        <TextArea placeholder={placeholder} />
      </div>
    </div>
  )
})

export default Component
